<template>
  <view>
    <Footer :username="username" 
    @change-name="handleName"></Footer>
  </view>
</template>

<script setup lang="ts">
import { ref, reactive } from "vue";
import Footer from "@/components/Footer.vue";
let username = ref("张三");
const handleName = function (e: string) {
  // console.log(e,"111");
  username.value = e;
};
</script>

<style style="less" scoped></style>
